<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>首都医科大学附属小学用户登录</title>
		<meta name="format-detection" content="telephone=no">
	    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
	    <meta name="apple-mobile-web-app-capable" content="yes">
	    <meta name="apple-touch-fullscreen" content="yes">
	    <meta http-equiv="Access-Control-Allow-Origin" content="*">
	    <link rel="stylesheet" type="text/css" href="../static/font/font-awesome.min.css"/>
	    <link rel="stylesheet" type="text/css" href="../static/css/global.css"/>
	    <script type="text/javascript" src="../static/js/jquery-1.8.3.min.js"></script>
	    <style>
	    	.wrap {
			    width: 100%;
			    height: auto;
			    padding: 0.5rem;
			    box-sizing: border-box;
			    margin-top: 60px;
			}
			.wrap .loginimg{
				width:80%;
				margin:0 auto;
				
			}
			.wrap .loginimg img{ 
				width:100%;
				
			}
			.wrap h2{
				text-align: center;
				font-weight: normal;
				font-size: 1.25rem;
				line-height: 2rem;
				margin:10px 0 20px;
				color:#5e3c19;
			}
			.zhucebox li {
			    width: 100%;
			    line-height: 2rem;
			    border-radius: 4px;
			}
			.zhucebox li input {
			    width: 100%;
			    margin-top: 10px;
			    padding-left: 10px;
			    position: relative;
			    box-sizing: border-box;
			    box-shadow: 0px 1px 4px #e0e0e0;
			    border-radius: 2px;
			    line-height: 2rem;
			    font-size: 0.85rem;
			}
			.zhucebox li input.input_check {
			    display: inline-block;
			    width: 16px;
			    height: 16px;
			    border: 1px solid #FD5056;
			}
			.submit {
			    width: 100%;
			    background-color: #E60012;
			    color: #FFFFFF;
			    line-height: 2rem;
			    font-size: 0.85rem;
			}
			
			.zhucebox li span {
			    color: #FD5056;
			    font-size: 0.7rem;
			    line-height: 2rem;
			}
	    </style>
	</head>
	<body>
		<div class="wrap">
			<div class="loginimg">
				<img src="../static/images/loginimg.png"/>
			</div>
			<h2>智慧校园平台</h2>
			<ul class="zhucebox">
				<li>
					<input type="text" value="请输入用户名" >
				</li>
				<br />
				<li>
					<input type="text" value="请输入密码"/>
				</li>
				<li>
					<input type="checkbox" class="input_check"/> <span class="remeber">记住我</span>
				</li>
			</ul>
			<button type="submit" class="submit">登录</button>
		</div>
	</body>
</html>
